/* import React, { memo } from 'react'
import type { ReactNode } from 'react'

interface IProps {
  children?: ReactNode
  name: string
  age: number
  height?: string
}

const Download: React.FC<IProps> = (props) => {
  return (
    <div>
      <div>Download</div>
      <div>姓名: {props.name}</div>
      <div>年龄: {props.age}</div>
      <div>身高: {props.height}</div>
      <div>{props.children}</div>
    </div>
  )
}

const Download = (props: IProps) => {
  return (
    <div>
      <div>Download</div>
      <div>姓名: {props.name}</div>
      <div>年龄: {props.age}</div>
      <div>身高: {props.height}</div>
      <div>{props.children}</div>
    </div>
  )
}

Download.defaultProps = {
  height: '180cm'
}
export default memo(Download)
 */


import React, { memo } from 'react'
import type { ReactNode } from 'react'
import { Empty } from 'antd'

interface IProps {
  children?: ReactNode
}

const Download: React.FC<IProps> = () => {
  return (
    <Empty
      description="页面待开发中~"
      image="https://gw.alipayobjects.com/zos/antfincdn/ZHrcdLPrvN/empty.svg"
      styles={{ image: { height: 400 } }}
    />
  )
}

export default memo(Download)
